<template>
  <span
    @click="$emit('click',selected)"
    class="select-wrapper"
    :class="{
      selected,
    }"
  ></span>
</template>

<script>
// 一个选中的小方块
export default {
  props: {
    selected: {
      type: Boolean,
      default: false,
    },
  },
};
</script>

<style lang="less" scoped>
.select-wrapper {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: sub;
  background-size: cover;
  background-image: url();
  &:hover {
    background-image: url();
  }
  &.selected {
    background-image: url();
  }
  
}
</style>